<template>
  <the-header v-show="headerVisible"></the-header>  
  <router-view></router-view>   
  <go-top></go-top>
</template>

<script>
import { computed, provide } from 'vue'
import { useStore } from 'vuex'
import TheHeader from '@/components/Header'
import GoTop from '@/components/GoTop'
export default {
  name: 'App',
  components: {
    TheHeader,
    GoTop
  },
  setup() {
    const store = useStore()
    provide('themeColor', '#fb7299')
    return {
      headerVisible: computed(() => store.state.headerVisible)
    }
  }  
}
</script>